/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @format
 * @noflow
 * @oncall i18n_fbt_js
 */

import Link from '@docusaurus/Link';
import useBaseUrl from '@docusaurus/useBaseUrl';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import Layout from '@theme/Layout';
import React from 'react';

const Help = () => {
  const context = useDocusaurusContext();
  const {siteConfig = {}} = context;
  return (
    <Layout
      description={siteConfig.tagline}
      title={`${siteConfig.title} - ${siteConfig.tagline}`}>
      <div className="container">
        <div className="row">
          <div className="col col--6 col--offset-3 padding-vert--lg">
            <h1>Need Help?</h1>
            <p>This project is maintained by a dedicated group of people.</p>

            <h2>Browse Docs</h2>
            <p>
              Learn more using the{' '}
              <Link to={useBaseUrl('docs/getting_started_on_web')}>
                documentation on this site.
              </Link>
            </p>

            <h2>Join the community</h2>
            <p>
              Join us in our{' '}
              <a href={useBaseUrl('https://discord.gg/cQvXZr5')}>
                Discord channel
              </a>{' '}
              and our{' '}
              <a
                href={useBaseUrl(
                  'https://www.facebook.com/groups/498204277369868/',
                )}>
                Facebook group
              </a>
              . Ask questions about the documentation and project
            </p>

            <h2>Stay up to date</h2>
            <p>
              Find out what's new with this project by following{' '}
              <a href={useBaseUrl('https://fb.me/sjtbf')}>our page</a> or{' '}
              <a href={useBaseUrl('https://twitter.com/fbt_js')}>our Twitter</a>
            </p>
          </div>
        </div>
      </div>
    </Layout>
  );
};

export default Help;
